${common}
<script src="processor/scripts.js" type="text/javascript"></script>
<link href="processor/styles.css" rel="stylesheet"/>

<p class="statline ui-state-highlight">
	<input type="button" id="add-route" style="width: 80px" value="新增路由">
</p>

<form id="search-form" method="GET">
    <table class="nicetable ui-widget">
        <thead class="ui-widget-header">
        <tr>
            <th colspan="2" class="ui-widget-header">Search</th>
        </tr>
        </thead>
        <tbody class="ui-widget-content">
		<tr>
			<td style="width: 10%">转换文件名称</td>
			<td style="width: 70%"><input name="phrase" value="" style="width:70%" class="ui-state-default ui-corner-all" autofocus></td>
		</tr>
		<tr>
			<td style="width: 10%">可选项</td>
			<td style="width: 90%">
				<label title="Cut off results found to concrete count.">
					<span>最大显示数量</span>
					<input name="resultLimit" value="60" style="width: 50px;" class="ui-state-default ui-corner-all" type="number" min="1" max="9999">
					<input name="provider" type="checkbox" value="bundle" class="ui-state-default ui-corner-all" checked hidden="hidden">
				</label>
			</td>
		</tr>
		<tr>
			<td style="width: 10%">进度</td>
			<td style="width: 90%" class="progress">
				<span class="spinner done"></span>
				<span class="text">Ready</span>
			</td>
		</tr>
        </tbody>
    </table>
</form>
<div id="search-results">
	<script type="text/x-handlebars-template">
		<table class="nicetable ui-widget">
			<thead class="ui-widget-header">
			<tr>
				<th class="ui-widget-header" style="width: 3%">&nbsp;</th>
				<th class="ui-widget-header" style="width: 25%">名称</th>
				<th class="ui-widget-header" style="width: 35%">描述</th>
				<th class="ui-widget-header" style="width: 25%">版本</th>
				<th class="ui-widget-header" style="width: 10%">状态</th>
			</tr>
			</thead>
			<tbody class="ui-widget-content">
			{{#each results}}
			<tr class="result" data-result='{{json this}}'>
				<td><input type="checkbox" name="result" value="{{id}}"/></td>
				<td>{{name}}</td>
				<td>{{procDesc}}</td>
				<td>{{procVersion}}</td>
				<td>{{state}}</td>
			</tr>
			</tr>
			{{else}}
			<tr>
				<td colspan="4">转换列表为空.</td>
			</tr>
			{{/each}}
			</tbody>
		</table>
	</script>
</div>
